<!doctype html>
<html lang="en">
  <head>
    <title></title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="index.js"></script>

    <script type="module">
      import createExampleWrapper from "@cube-dev/example-wrapper";

      createExampleWrapper({
        title: "Data Twitter in Real-time with Kafka, ksqlDB, and Cube",
        text: `
          <p>This demo shows the activity by a <a href="https://twitter.com/i/lists/1568341321483489283" target="_blank">data-related list</a> of Twitter accounts.</p>
          <p>Fetched from the Twitter API and streamed into Kafka, data is materialized with ksqlDB and delivered to the front-end app with Cube.</p>
          <p>Explore the <a href="https://github.com/cube-js/cube.js/tree/master/examples/twitter-stream" target="_blank">source code</a> and check the <a href="https://cube.dev/blog/headless-bi-with-streaming-data" target="_blank">announcement</a>.</p>
        `,
      });
    </script>
  </body>
</html>